<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
        <title>赛车计划</title>
        <link rel="stylesheet" type="text/css" href="../../../../public/index/css/layout.mobile.min.css" />
        <link rel="stylesheet" type="text/css" href="../../../../public/index/css/all.css" />
        <link rel="stylesheet" type="text/css" href="../../../../public/index/iconfont/style.css" />
        <!-- <link rel="stylesheet" type="text/css" href="../../../../public/index/css/exp.report.css" /> -->
        <style type="text/css">
            body * {
                font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
            }
            table {
                font-size: 12px;
            }
            
            tr {
                height: 40px;
                border-bottom: 1px solid #ebebeb;
            }
            
            th {
                color: #555;
                background-color: #f5f5f5;
            }
            
            td {
                color: #777;
            }
            
            a.look {
            	color: #167CE0;
            }
            
            .c-success {
                color: #1F941D;
            }
            
            .c-fail {
                color: #962538;
            }
        </style>
    </head>

    <body>
        <header class="layout-header">
            <a href="javascript:;" class="header-cell-l action-goback"><i class="icon-arrowhead-left icon-form-dirs-left"></i></a>
            <p class="header-cell-c">今日遍历</p>
        </header>

        <!-- // 循环统计 -->
        <!-- // GET ctrl.pk10.loop -->

        <div class="wrap">
            <table width="100%">
                <thead>
                    <tr>
                        <th width="20%">位</th>
                        <th width="20%">期号</th>
                        <th width="10%">未中</th>
                        <th width="30%">开始时间</th>
                        <th width="20%">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td colspan="4" align="center">正在遍历结果...</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <script type="text/javascript" charset="utf-8" src="../../../../public/lib/api.js"></script>
        <script type="text/javascript" charset="utf-8" src="../../../../public/lib/jquery.slim.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="../../../../public/plug/layer/mobile/layer.js"></script>
        <script type="text/javascript" charset="utf-8" src="../../../../public/plug/laydate/laydate.js"></script>
        <script type="text/javascript" charset="utf-8" src="../../../../public/lib/tool.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="../../../../public/lib/interactive.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="../../../../public/index/js/all.js"></script>
        <!-- <script type="text/javascript" charset="utf-8" src="../../../../public/index/js/exp.report.js"></script> -->
        <script type="text/javascript">
            var arr = {
                'v1':'冠军',
                'v2':'亚军',
                'v3':'第三位',
                'v4':'第四位',
                'v5':'第五位'
            };
            ajax.get('/api?ctrl.pk10.loop', function(res) {
                var data = res.data;
                // console.log(data);
                var ele  = '';
                for(i in data) {
                    ele += "<tr>";
                        ele += "<td align='center'>" + arr[i] + "</td>";
                        ele += "<td align='center'>" + data[i]['no'] + "</td>";
                        ele += "<td align='center'>" + data[i]['total'] + "</td>";
                        ele += "<td align='center'>" + data[i]['date'] + "</td>";
                        ele += "<td align='center'>";
                        if (data[i]['total'] != 0) {
                        	ele += "<a class='look' href='/exp/report?time=" + data[i]['create_time'] + "'>查看统计</a>";
                        } else {
                        	ele += "<font style='color:#dcdcdc'>查看统计</font>";
                        }
                        ele += "</td>";
                    ele += "</tr>";
                }
                $("tbody").html(ele);
            });
        </script>
    </body>

</html>